<!--
  Generated template for the ShopApprovePage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar>
    <ion-buttons start>
      <button ion-button (click)="dismissCLI()">
        <img src="assets/img/back.png" width='15' height='20'>
      </button>
    </ion-buttons>
    <ion-title>美甲店认证</ion-title>
    <ion-buttons end>
      <button ion-button icon-only style="margin-right: 5px;" (click)="shopInvitationNail()">
        <span style="color: #616161;">完成</span>
      </button>
    </ion-buttons>
  </ion-navbar>

</ion-header>


<ion-content padding>
  <div class="title">
    所填资料仅用于身份认证，美甲艺境不会泄露您的个人隐私。
  </div>
  <ion-list>
    <div id="personmessage">

      <ion-item>
        <ion-label>真实姓名</ion-label>
        <ion-input type="text" placeholder="请输入真实姓名" maxlength="8" [(ngModel)]="registerShopkeeperAPIVo.owner_name"></ion-input>
      </ion-item>

      <ion-item>
        <ion-label>手机号</ion-label>
        <ion-input type="number" maxlength="11" placeholder="请输入有效手机号码" [(ngModel)]="registerShopkeeperAPIVo.owner_phone"></ion-input>
      </ion-item>
      <ion-item>
        <ion-label>店铺名称</ion-label>
        <ion-input type="text" maxlength="10" placeholder="请输入店铺名称" [(ngModel)]="registerShopkeeperAPIVo.shop_name"></ion-input>
      </ion-item>

      <ion-item>
        <ion-label>身份证号</ion-label>
        <ion-input type="number"  maxlength="18" placeholder="输入有效的身份证号码" [(ngModel)]="registerShopkeeperAPIVo.owner_id_card"></ion-input>
      </ion-item>
      <div class="uploading">
        <div class="up">
            <span>上传身份证件照</span>
            <br>
            <div class="imgs fLeft" style="position:relative;width:40%;height:6rem">
              <img src="assets/img/ios/sfz1.png" alt="" *ngIf="finish2==false">
              <page-select-picture class="pic2" [max]="1" [imgpath]="serve2" [classname]="circle2Class" [fileObjList]='fileObjList' (fileObjListChange)="returnapiimg($event)"></page-select-picture>
            
            </div>
            <div class="imgs fLeft mLeft" style="position:relative;width:40%;height:6rem">
              <img src="assets/img/ios/sfz2.png" alt="" *ngIf="finish3==false">
              <page-select-picture  class="pic3" [max]="1" [imgpath]="serve3" [classname]="circle3Class" [fileObjList]='fileObjList' (fileObjListChange)="returnapiimg($event)"></page-select-picture>
            </div>
        </div>
      </div>  
      <ion-item>
        <ion-label>支付宝</ion-label>
        <ion-input type="text" maxlength="30"  placeholder="输入有效的支付宝账号" [(ngModel)]="registerShopkeeperAPIVo.alipay_account"></ion-input>
      </ion-item>

      <!-- <ion-item>
        <label class="diyItem">所在地</label>
        <label class="diyItemright">
          <city-picker item-content [cancelText]="'取消'" [doneText]="'完成'" [separator]="'-'"[citiesData]="cityData" [(ngModel)]="cityName" (ionChange)="cityChange($event)"></city-picker>
        </label>
      </ion-item> -->

      <ion-item>
        <ion-label>所在地</ion-label>
        <city-picker class="diyItemright" item-content [cancelText]="'取消'" [doneText]="'完成'" [separator]="'-'" [citiesData]="cityData" [(ngModel)]="cityName"
          (ionChange)="cityChange($event)">
        </city-picker>
      </ion-item>


      <ion-item>
        <ion-label>详细地址</ion-label>
        <ion-input type="text"  maxlength="20" placeholder="输入您的详细地址" [(ngModel)]="registerShopkeeperAPIVo.shop_address"></ion-input>
      </ion-item>

      <div class="uploading">
        <div class="up" style="height:24rem">
          <div class="diff" style="width:30%;height:8rem">
              <span>上传营业执照</span>
              <br>
              <div style="position:relative;margin-top:6%">
                <img src="assets/img/ios/sczjz.png" alt="" *ngIf="finish1==false">
                <page-select-picture  class="pic1" [max]="1" [imgpath]="serve1" [classname]="circle1Class" [fileObjList]='fileObjList' (fileObjListChange)="returnapiimg($event)"></page-select-picture>
              </div>
          </div>
          <div class="diff" style="width:39%;height:8rem">
              <span>上传店铺logo</span>
              <br>
              <div style="position:relative;width:76%;height:59%;margin-top:4%;">
                <img src="assets/img/ios/shangchuan@2x.png" alt="" *ngIf="finish5==false">
                <page-select-picture class="pic5" [max]="1" [imgpath]="serve5" [classname]="circle5Class" [fileObjList]='fileObjList' (fileObjListChange)="returnapiimg($event)"></page-select-picture>
              </div>
          </div>
          <div class="diff" style="width:39%;height:8rem;">
              <span>上传店铺主页背景图</span>
              <br>
              <div style="position:relative;width:76%;height:59%;margin-top:4%;">
                <img src="assets/img/ios/shangchuan@2x.png" alt="" *ngIf="finish4==false">
                <page-select-picture class="pic4" [max]="1" [imgpath]="serve4" [classname]="circle4Class" [fileObjList]='fileObjList' (fileObjListChange)="returnapiimg($event)"></page-select-picture>
              </div>
          </div>
          
        </div>  
      </div>
    </div>
  </ion-list>
  <div class="clause">
    <span class="select2" (click)="obout1(1)" *ngIf="oboaut1==0"></span>
    <span class="select3" (click)="obout1(0)" *ngIf="oboaut1==1">
      <img src="assets/img/ios/xuanze@2x.png" alt="">
    </span> 阅读并同意<span class="red" (tap)="gotoAgree()">《美甲艺境用户协议》</span> 相关条款。
  </div>
</ion-content>